/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-16 20:49:32
 * @version $Id$
 */


//*******************************************************************************
// 顶部导航区效果
// 左边地址二级菜单
$(function(){
	// 给左边最外层的div加鼠标移入效果
	$('#top_menu .top_menu_big .left').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('cur');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('cur');
	})

	// 给里面的a标签加单击事件 
	$('#top_menu .top_menu_big .left .left_one_box a').click(function(){
		// 获取选择的这个a标签里面的内容
		var b = $(this).index();

		var x = $('#top_menu .top_menu_big .left .left_one_box a').eq(b).html();
		// alert(999);
		$('#top_menu .top_menu_big .left .left_one p.city a').text(x);


		
	})
})

//******************************************************************************
// 左边地址二级菜单结束

$(function(){
	// 给左边最外层的div加鼠标移入效果
	$('#top_menu .top_menu_big .right li.myjd').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('mejd');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('mejd');
	})

	
	// 给右边的手机京东加鼠标移入效果
	$('#top_menu .top_menu_big .right li.jdphone').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('mephone');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('mephone');
	})

	// 关注京东鼠标移入效果
	$('#top_menu .top_menu_big .right li.guanzhu').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('gz');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('gz');
	})

	// 客户服务
	$('#top_menu .top_menu_big .right li.kehu').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('sc');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('sc');
	})

	// 网站导航效果
	$('#top_menu .top_menu_big .right li.daohang').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('dh');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('dh');
	})

	// 购物车效果
	$('#search .middle .my_cart').hover(function(){
		// 当鼠标移入进来的时候 给当前的div加class
		$(this).addClass('myshop');
	},function(){
		// 当鼠标移出的时候 删除当前div的class
		$(this).removeClass('myshop');
	})
})

// 顶部导航区效果结束

//*********************************************************************************

// flash轮播二级菜单
$(function (){
	
    var a;
	// 给flash里面的鼠标加移入事件
	$('#flash ul li.uls').hover(function(){
		// 获取鼠标移入进来后 当前li所在的序号
		a = $(this).index();
		// 让
		$('#flash .bg').eq(a).show().siblings('.bg').hide();
		$('#flash ul li.uls').eq(a).show().css({'background':'#F7F7F7'}).find('a').css({'color':'#B61D1D'});

	},function(){
		$('#flash ul li.uls"').eq(a).show().css({'background':'#C81623'}).find('a').css({'color':'white'});
		$('#flash .bg').eq(a).hide();
		
	})

	$('#flash .bg').hover(function(){
		$('#flash .bg').eq(a).show();
		$('#flash ul li.uls').eq(a).show().css({'background':'#F7F7F7'}).find('a').css({'color':'#B61D1D'}).parent('#flash ul li.uls').find('.dian').css({'color':'#B61D1D'});
	},function(){
		$('#flash ul li.uls').eq(a).show().css({'background':'#C81623'}).find('a').css({'color':'white'});
		$('#flash .bg').eq(a).hide();

	})

})
// flash轮播二级菜单结束

//******************************************************************************

// 京东flash区中间轮播效果
$(function () {
	var c = 0;
	// 设置一个定时器
	function run(){
		c++;
		// 当图片自加到序号为6的时候让图片从序号为0的图片开始轮播
		if(c==6){
			c=0;
		}
	// 让图片每次都轮播都换一张图片 让序号为c的图片淡入 同时让它的兄弟元素淡出
	$('#flash .middle img').eq(c).fadeIn(800).siblings('img').fadeOut(600);
	// 同时让序号为c的li的元素背景颜色显示为红色  也让它的兄弟元素的颜色变成灰色
	$('#flash .middle ul li').eq(c).show().css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
	}
	// alert(99);

	var timer = setInterval(run,2000)

	// 给li加鼠标移入事件
	$('#flash .middle ul li').mouseover(function(){
	// 让鼠标移入进去后停止定时器
		clearInterval(timer);
	// 获取li的序号
		c = $(this).index();
	// 让序号为c的li的图标背景颜色变成红色 让它的兄弟元素变成灰色
	$('#flash .middle ul li').eq(c).show().css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
	// 同时让序号为c的图片淡入 让它的兄弟元素淡出
	$('#flash .middle img').eq(c).fadeIn(800).siblings('img').fadeOut(600);

	})

	// 给box加鼠标移入事件
	$('#flash .middle').mouseover(function(){
	// 让鼠标移入进去后停止定时器
		clearInterval(timer);
	// 同时让span标签显示
	$('#flash .middle span').show();
	// 获取span标签的序号

	})

	// 给box加鼠标移出事件
	$('#flash .middle').mouseout(function(){
	// 让鼠标移入进去后停止定时器
	timer = setInterval(run,2000)
	// 同时让span标签显示
	$('#flash .middle span').hide();

	})

	// 给span标签加鼠标单击事件
	$('#flash .middle span[class=zuo]').click(function(){
		// 获取单击时候的序号
		// c = c;
		c--;
		c= (c==-1)?5:c;
		
		// 让序号为c的li的图标背景颜色变成红色 让它的兄弟元素变成灰色
		$('#flash .middle ul li').eq(c).show().css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
		// alert(999);
		// 同时让序号为c的图片淡入 让它的兄弟元素淡出
		$('#flash .middle img').eq(c).fadeIn(800).siblings('img').fadeOut(600);
		// alert(999);
	})

	// 给span标签加鼠标单击事件
	$('#flash .middle span[class=you]').click(function(){
		// 获取单击时候的序号
		// c = c;
		c++;
		c= (c==6)?0:c;
		// 让序号为c的li的图标背景颜色变成红色 让它的兄弟元素变成灰色
		$('#flash .middle ul li').eq(c).show().css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
		// alert(999);
		// 同时让序号为c的图片淡入 让它的兄弟元素淡出
		$('#flash .middle img').eq(c).fadeIn(800).siblings('img').fadeOut(600);
		// alert(999);
	})


})	
// 京东flash区中间轮播效果结束

//*****************************************************************************

// 推荐区域左右轮播区域
$(function () {

			var c = 0;
			// 设置定时器 网左滚动
			 function run(){
			c++;
			if(c==5){
				// 让big的left值归零
				$('#recommend .box .big').css('left','0');
				c=1;
			}
			// 设置每次让big往左滚动的left值
			var left = c*-1004;
			// 让里面的big运动到指定的位置
			$('#recommend .box .big').stop().animate({'left':left+'px'}, 1000);

			}

			 var timer = setInterval(run,3000)
			
			// 增加鼠标移入事件 当鼠标移入进去的时候 图片停止轮播
			$('#recommend .box').mouseover(function(){
				// 让图片停止轮播
				clearInterval(timer);
				// 同时让span标签显示
				$('#recommend .box span').show();

			})

			// 当鼠标移出是 给box加鼠标移出事件 
			$('#recommend .box').mouseout(function(){
				// 鼠标移出的时候 让计时器运行 图片开始轮播
				timer = setInterval(run,3000);
				// 同时让span标签隐藏
				$('#recommend .box span').hide();

			})

			// 给span标签加单击事件 点击span标签的时候 取得它的序号然后按顺序轮播
			$('#recommend .box span[class=zuo]').click(function(){
				// 获得单击的时候的序号
				c--;
				if(c==-1){
					$('#recommend .box .big').css('left','-4016px');
					c=3;
				}
				
				// 设置每次让big往左滚动的left值
				var left = c*-1004;
				$('#recommend .box .big').stop().animate({'left':left+'px'}, 1000);

			})

			// 给span标签加单击事件 点击span标签的时候 取得它的序号然后按顺序轮播
			$('#recommend span[class=you]').click(function(){
				// 获得单击的时候的序号
				c++;
				if(c==5){
					$('#recommend .box .big').css('left','0');
					c=1;
				}
				// 设置每次让big往左滚动的left值
				var left = c*-1004;
				$('#recommend .box .big').stop().animate({'left':left+'px'}, 1000);

			})

		})

// 推荐左右轮播区域结束

//****************************************************************************

// 京东特色购箭头标特效
$(function(){
	// 给p标签加鼠标移入事件
	var timer;

	$('#characteristic .list p.tag').mouseenter(function(){


		var jqthis = $(this);
		// 给鼠标移入事件加定时器
		timer = setInterval(function(){
			
			// 让当前的p标签来回运动

			jqthis.animate({'padding-right':'35px'},300,function(){
			jqthis.animate({'padding-right':'20px'},300)});

			jqthis.find('span').fadeOut(500).fadeIn(100)

		},1000)

	})
	// 当鼠标移出的时候让p标签停止运动
	$('#characteristic .list p.tag').mouseleave(function(){
		clearInterval(timer)
	})

})

// 京东特色购箭头标特效结束

//***********************************************************************

// 楼层大区块轮播
$(function(){
// ---------------------------------------------------	
	// 第一楼层 服装鞋包
	// 给鼠标加移入事件

	$('#clothing .title .right li.lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt')

	})

// ---------------------------------------------------

	// 第二楼层 美容化妆
	// 给鼠标加移入事件

	$('#cosmetic .title .title_right .lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})


// ---------------------------------------------------	
	// 第三楼层 手机通讯
	// 给鼠标加移入事件

	$('#mobile .mobile_title .mobile_title_right li.lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})


// ---------------------------------------------------	
	// 第四楼层 家用电器
	// 给鼠标加移入事件

	$('#household .mobile_title .mobile_title_right li.lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})
// ---------------------------------------------------	
	// 第五楼层 家用电器
	// 给鼠标加移入事件

	$('#computer .mobile_title .mobile_title_right li.lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})

// ---------------------------------------------------
	// 第六楼层 运动健康
	// 给鼠标加移入事件

	$('#sport .title .title_right .lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})
// ---------------------------------------------------
// 第七楼层 运动健康
	// 给鼠标加移入事件

	$('#living .title .title_right .lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})

// ---------------------------------------------------
// 第八楼层 运动健康
	// 给鼠标加移入事件

	$('#toy .title .title_right .lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})

// ---------------------------------------------------
// 第九楼层 运动健康
	// 给鼠标加移入事件

	$('#health .title .title_right .lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})
// ---------------------------------------------------
// 第十楼层 运动健康
	// 给鼠标加移入事件

	$('#books .title .title_right .lt').mouseenter(function(){
		// 鼠标移入后 给li加class
		$(this).addClass('lilt').siblings().removeClass('lilt');

	})

})

// 楼层大区块结束

//***********************************************************************

// 猜你喜欢效果
$(function(){
	// 给换一批加鼠标移入事件
	$('#enjoy .titlett .biaoti .yipi').hover(function(){
		// 给元素加class
		$(this).addClass('huan');
		// 让line运动 
		$('#enjoy .line').css({'right':'820px'}).animate({'right':'0px'},500);;
		// 在让line运动回原点
		// $('#enjoy .line').animate({'right':'0px'},500);

	},function(){
		// 移出class
		$(this).removeClass('huan');
	});

	 var f=0;
	// 给换一批加鼠标点击事件
	$('#enjoy .titlett .biaoti .yipi').click(function(){
		
			f++;
			f = (f==4)?0:f;
		// 每点一次换一轮图片


		$('#enjoy .enjoy_bottom').eq(f).show().siblings('.enjoy_bottom').hide();

	})
})

// 猜你喜欢效果结束

// **********************************************************************

// 第二 六 七 八 九楼轮播复用
$(function(){

	// 遍历所有的hezibig
	$('.living_right_two').each(function(){
		// 把当前循环的hezibig转换成js原生形式
		var jsthis = $(this)[0];
		var jqthis = $(this);
		// 设置定时器 让盒子轮播
		jsthis.s = 0;

		jsthis.run = function (){
			
			jsthis.s++;

			if(jsthis.s==5){
				// alert(wss);
				jsthis.s=1;

				jqthis.find('.hezibig').css({'left':'0px'});

				}

			if(jsthis.s==4){
				jqthis.find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				jqthis.find('li').eq(jsthis.s).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}

				var lefts =jsthis.s*-339;
				
				jqthis.find('.hezibig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
				jqthis.find('li').eq(jsthis.s).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

			}

			jsthis.timer = setInterval(jsthis.run,2000);
	})

		
		// 给盒子加鼠标移入事件
		$('.living_right_two').mouseenter(function(){
			var jsthis = $(this)[0];
			var jqthis = $(this);
			// 清理定时器
			clearInterval(jsthis.timer);
			// 让左右的两个按钮显示
			jqthis.find('span').show();

		})



		// 鼠标移出的时候 让盒子从新运动起来
		$('.living_right_two').mouseleave(function(){
			var jsthis = $(this)[0];
			var jqthis = $(this);
			// 清理定时器
			jsthis.timer = setInterval(jsthis.run,2000);
			// 让左右的两个按钮隐藏
			jqthis.find('span').hide()

		})



		// 给li加鼠标移入事件

		$('.living_right_two .buttom li').mouseenter(function(){

			var jqthis = $(this).parents('.living_right_two')[0];		
			
			// 当鼠标移入进去的时候停止定时器
			clearInterval(jqthis.timer);


			// 当鼠标移入的时候获取到它序号

			jqthis.s = $(this).index();

			// 计算当前序号所在的列表 需要运动的left值
			 left= (jqthis.s+1)*-339;
			 // 让外面的大盒子 运动
			 $(this).parents('.living_right_two').find('.hezibig').stop().animate({'left':left+'px'},500);

			$(this).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'});

		})


		// 给左边的 span标签加鼠标点击事件
		$('.living_right_two .zuo').click(function(){

			var jqthis = $(this).parent('.living_right_two')[0];
			
			jqthis.s--;
			// 判断
			if(jqthis.s==-1){
				// 让盒子返回到后面的最大值
				 $(this).parent('.living_right_two').find('.hezibig').css({'left':'-1356px'});
				 jqthis.s=3;
			}

			if(jqthis.s==4){
				$(this).find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				$(this).find('li').eq(jqthis.s).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}


			// 设置每次让盒子往左滚动的left值
			lefts =jqthis.s*-339;

			$(this).parent('.living_right_two').find('.hezibig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
				$(this).parent('.living_right_two').find('ul').find('li').eq(jqthis.s).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

		})




		// 给右边的span便签夹鼠标点击事件
		$('.living_right_two .you').click(function(){

			var jqthis = $(this).parent('.living_right_two')[0];

			jqthis.s++;

			// 判断到达的终点返回值
			if(jqthis.s==5){
				 $(this).parent('.living_right_two').find('.hezibig').css({'left':'0px'});
				 jqthis.s=1;
			}

			if(jqthis.s==4){
				$(this).parent().find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				$(this).parent().find('li').eq(jqthis.s).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}

			lefts =-339*jqthis.s;
				
				$(this).parent('.living_right_two').find('.hezibig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
				$(this).parent('.living_right_two').find('ul').find('li').eq(jqthis.s).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

		})
		
})
		
// 第二 六 七 八 九楼轮播复用结束

//*****************************************************************************

// 第三 四楼 五楼轮播复用
$(function(){

	// 遍历所有的top

	$('.top').each(function(){
		// 把当前循环的top转换成js原生形式
		var jsthis = $(this)[0];
		var jqthis = $(this);

		// 设置定时器 让big轮播
		jsthis.j =0;

		jsthis.run = function(){


			jsthis.j++;

			if(jsthis.j==5){
			
			jsthis.j=1;

				jqthis.find('.topbig').css({'left':'0px'});

			}

			if(jsthis.j==4){
				jqthis.find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				jqthis.find('li').eq(jsthis.j).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}

			var lefts =jsthis.j*-440;
			
			jqthis.find('.topbig').stop().animate({'left':lefts+'px'},500);

			// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
			jqthis.find('li').eq(jsthis.j).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

	}

		jsthis.timer = setInterval(jsthis.run,2000);

		})

			$('.top').mouseenter(function(){

			var jsthis = $(this)[0];
			var jqthis = $(this);
			// 清理定时器
			clearInterval(jsthis.timer);
			// 让左右的两个按钮显示
			jqthis.find('span').show();

		})


			// 鼠标移出的时候 让盒子从新运动起来
			$('.top').mouseleave(function(){
				
			var jsthis = $(this)[0];
			var jqthis = $(this);
			// 清理定时器
			jsthis.timer = setInterval(jsthis.run,2000);
			// 让左右的两个按钮隐藏
			jqthis.find('span').hide()

		})


		// 给li加鼠标移入事件

		$('.top li').mouseenter(function(){
			
			var jqthis = $(this).parents('.top')[0];
			// 当鼠标移入进去的时候停止定时器
			clearInterval(jqthis.timer);

			// 当鼠标移入的时候获取到它序号

			jqthis.j = $(this).index();
			// 计算当前序号所在的列表 需要运动的left值
			 left= (jqthis.j+1)*-440;
			 // 让外面的大盒子 运动
			
			 $(this).parents('.top').find('.topbig').stop().animate({'left':left+'px'},500);

			$(this).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'});

		})


			// 给左边的 span标签加鼠标点击事件
		$('.top .zuo').click(function(){
		
		var jqthis = $(this).parents('.top')[0];

			jqthis.j--;
			// 判断
			if(jqthis.j==-1){
				// 让盒子返回到后面的最大值
				  $(this).parent('.top').find('.topbig').css({'left':'-1760px'});
				 jqthis.j=3;
			}


			if(jqthis.j==4){
				$(this).parent('.top').find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				$(this).parent('.top').find('li').eq(jqthis.j).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}


			// 设置每次让盒子往左滚动的left值
			lefts =jqthis.j*-440;

			$(this).parents('.top').find('.topbig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
			$(this).parent('.top').find('li').eq(jqthis.j).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

		})


		// 给右边的span便签夹鼠标点击事件
		$('.top .you').click(function(){

			var jqthis = $(this).parents('.top')[0];

			jqthis.j++;

			// 判断到达的终点返回值
			if(jqthis.j==5){
				 $(this).parent('.top').find('.topbig').css({'left':'0px'});
				 jqthis.j=1;
			}

			if(jqthis.j==4){
				$(this).parent('.top').find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				$(this).parent('.top').find('li').eq(jqthis.j).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}

			lefts =jqthis.j*-440;
				
			$(this).parents('.top').find('.topbig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
			$(this).parent('.top').find('li').eq(jqthis.j).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})


		})

})

// 第第三 四楼 五楼轮播复用结束

// 第十一一楼轮播

$(function(){

	// 遍历所有的top

	$('.service_right_one_top').each(function(){
		// 把当前循环的top转换成js原生形式
		var jsthis = $(this)[0];
		var jqthis = $(this);

		// 设置定时器 让big轮播
		jsthis.k =0;

		jsthis.run = function(){


			jsthis.k++;

			if(jsthis.k==5){
			
			jsthis.k=1;

				jqthis.find('.servicebig').css({'left':'0px'});

			}

			if(jsthis.k==4){
				jqthis.find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				jqthis.find('li').eq(jsthis.k).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}

			var lefts =jsthis.k*-394;
			
			jqthis.find('.servicebig').stop().animate({'left':lefts+'px'},500);

			// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
			jqthis.find('li').eq(jsthis.k).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

	}

		jsthis.timer = setInterval(jsthis.run,2000);

		})

			$('.service_right_one_top').mouseenter(function(){

			var jsthis = $(this)[0];
			var jqthis = $(this);
			// 清理定时器
			clearInterval(jsthis.timer);
			// 让左右的两个按钮显示
			jqthis.find('span').show();

		})


			// 鼠标移出的时候 让盒子从新运动起来
			$('.service_right_one_top').mouseleave(function(){
				
			var jsthis = $(this)[0];
			var jqthis = $(this);
			// 清理定时器
			jsthis.timer = setInterval(jsthis.run,2000);
			// 让左右的两个按钮隐藏
			jqthis.find('span').hide()

		})


		// 给li加鼠标移入事件

		$('.service_right_one_top li').mouseenter(function(){
			
			var jqthis = $(this).parents('.service_right_one_top')[0];
			// 当鼠标移入进去的时候停止定时器
			clearInterval(jqthis.timer);

			// 当鼠标移入的时候获取到它序号

			jqthis.k = $(this).index();
			// 计算当前序号所在的列表 需要运动的left值
			 left= (jqthis.k+1)*-394;
			 // 让外面的大盒子 运动
			
			 $(this).parents('.service_right_one_top').find('.servicebig').stop().animate({'left':left+'px'},500);

			$(this).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'});

		})


		// 给左边的 span标签加鼠标点击事件
		$('.service_right_one_top .zuo').click(function(){
		
		var jqthis = $(this).parents('.service_right_one_top')[0];

			jqthis.k--;
			// 判断
			if(jqthis.k==-1){
				// 让盒子返回到后面的最大值
				  $(this).parent('.service_right_one_top').find('.servicebig').css({'left':'-1576px'});
				 jqthis.k=3;
			}


			if(jqthis.k==4){
				$(this).parent('.service_right_one_top').find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				$(this).parent('.service_right_one_top').find('li').eq(jqthis.k).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}


			// 设置每次让盒子往左滚动的left值
			lefts =jqthis.k*-394;

			$(this).parents('.service_right_one_top').find('.servicebig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号为wss的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
			$(this).parent('.service_right_one_top').find('li').eq(jqthis.k).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})

		})


		// 给右边的span便签夹鼠标点击事件
		$('.service_right_one_top .you').click(function(){

			var jqthis = $(this).parents('.service_right_one_top')[0];

			jqthis.k++;

			// 判断到达的终点返回值
			if(jqthis.k==5){
				 $(this).parent('.service_right_one_top').find('.servicebig').css({'left':'0px'});
				 jqthis.k=1;
			}

			if(jqthis.k==4){
				$(this).parent('.service_right_one_top').find('li').eq(0).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}else{
				$(this).parent('.service_right_one_top').find('li').eq(jqthis.k).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})
			}

			lefts =jqthis.k*-394;
				
			$(this).parents('.service_right_one_top').find('.servicebig').stop().animate({'left':lefts+'px'},500);

				// 同时让序号的li显示 背景颜色变成红色 同时让它的兄弟元素背景颜色变成灰色
			$(this).parent('.service_right_one_top').find('li').eq(jqthis.k).css({'background-color':'#B61B1F'}).siblings('li').css({'background-color':'#3E3E3E'})


		})

})

// 第十一楼轮播结束

//******************************************************************************

// 今日抄底图片动态效果

$(function(){

	// // 给图片加鼠标移入事件
	$('#special .special_left').hover(function(){
		// 移入的效果
		$(this).find('.img').stop().animate({'left':'20'})

	},function(){
		// 移出的效果
		$(this).find('.img').stop().animate({'left':'28'})
	})

	// 给图片加鼠标移入事件
	$('#special .special_middle_box').hover(function(){

		$(this).find('img').stop().animate({'left':'0'})
		
	},function(){
		$(this).find('img').stop().animate({'left':'8'})
		
	})
})
//------------------------------------------------------------
	// 热门晒单轮播

	$(function(){

		var h = 0;

		// 设置定时器 每隔一秒改变它的bottom值  
		var timer;
		function run(){

			h++;
			if(h==7){
				$('#special .specialbig').css('bottom','0px')
				h=1;
			}

			// 获取没运动一次的bottom值
			var b = h*-140;

			// 把每次运动的bottom值赋值回去

			$('#special .specialbig').animate({'bottom':b+'px'},500)

		};

		timer = setInterval(run,2000)

		// 鼠标放进去 轮播停止
		$('#special .specialbig').mouseenter(function(){
		clearInterval(timer);
	})

		// 鼠标离开 轮播开始
		$('#special .specialbig').mouseleave(function(){

		timer = setInterval(run,2000);


		})

	

	})

		

	// 鼠标移入的时候停止定时器

// 热门晒单轮播结束

//-------------------------------------------------------------

// 今日抄底图片动态效果

//*******************************************************************************

// 底部侧边窗口效果

$(function(){
	// 给盒子加鼠标移入事件
	$('#broadside_right .bgg').hover(function(){
		// 当鼠标移入进来的时候让他们的背景颜色变成红色 同时让它的right值变成0
		$(this).addClass('bgb').find('.bx').stop().animate({'right':'0px'},200);
		
		// 当鼠标移出的时候 让他们的背景颜色变成灰色 并让它 的right值变成-60px
		},function(){
			$(this).removeClass('bgb').find('.bx').stop().animate({'right':'-60px'},200);
		})
	// 返回顶部
	$('#broadside_right .b05').click(function(){

		$('html,body').animate({'scrollTop':'0px;'},500);
	})
	// 返回顶部
	$('#broadside_right .boxin05').click(function(){

		$('html,body').animate({'scrollTop':'0px;'},500);
		
	})

})

// 底部侧边窗口效果结束

//********************************************************************************




// 窗口左侧底部区域效果
$(function(){

	// 给window加滚动条事件

	$(window).scroll(function(){

		var t = $(window).scrollTop();  // 获取滚动上去的距离

		// var f; //定义变量所在的楼层

		if(t<1300){
			f=-1;	
		}else if(t<2300){ 
			f=0; //1楼
		}else if(t<3000){ 
			f=1;//2楼
		}else if(t<3500){ 
			f=2;//3楼
		}else if(t<4100){ 
			f=3;//4楼
		}else if(t<5000){ 
			f=4;//5楼
		}else if(t<5500){ 
			f=5;//6楼
		}else if(t<6300){ 
			f=6;//7楼
		}else if(t<6800){ 
			f=7;//8楼
		}else if(t<7600){ 
			f=8;//9楼
		}else if(t<8200){ 
			f=9;//10楼
		}else if(t<8600){ 
			f=10;//11楼
		}else{
			f=-1;
		}

		// document.title = f;

		// 判断左侧的盒子的状态

		if(f!=-1){
			//当所在的楼层为第一楼的时候 让左侧的盒子显示
			$('#broadside_left').show();
			// 调用下面的函数 执行函数里面的语句
			init(f);

		}else{
			//当所在的楼层为底部的时候 让左侧的盒子隐藏
			$('#broadside_left').hide();
		}

//设置一个函数 方便调用
		
function init(f){
	// 让li所对应的楼层里面的描述显示让它的兄弟元素隐藏
	$('.llt .lii').eq(f).find('.miaoshu').show().siblings('.louceng').hide();;
	// $('.llt .lii').eq(f).find('.louceng').hide();
	// 找到li里面的兄弟元素里面的描述让它隐藏同时让它的兄弟楼层显示
	$('.llt .lii').eq(f).siblings('.lii').find('.miaoshu').hide().siblings('.louceng').show();;
	// $('.llt .lii').eq(f).siblings('li').find('.louceng').show();
}

	})
	
	// 给li加鼠标移入事件
	$('#broadside_left .llt .lii').hover(function() {
			//当鼠标移入到li里面的时候找到当前li里面的描述让它显示同时它的兄弟元素隐藏
			$(this).find('.miaoshu').show().siblings('.louceng').hide();

		}, function() {
			//获取当前li的序号
			var xuhao = $(this).index();
			//当楼层和所对应的序号一样的时候让它不执行下面的代码 返回值为空
			if(xuhao==f){
				//返回值为空
				return false;
			}
			//当鼠标移出楼层的时候找到当前li里面的描述让它隐藏同时让它的兄弟元素显示
			$(this).find('.miaoshu').hide().siblings('.louceng').show();
			
		});
		

})



